<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{margin: 0;padding: 0;list-style: none}
        .top{width: 100%;line-height: 40px;height: 40px;background: #ccc;}
        

        .cont{height: 300px;background: pink}

        .footer{height: 50px;background: #aaa;line-height: 50px;font-size: 20px;text-indent: 30px;}
    </style>
</head>
<body>
    <div class="top"></div>
    <div class="cont">
        <h1>关于我们</h1>
        内容区域
    </div>
    <div class="footer"></div>
</body>
<script src="../../jquery.js"></script>
<script src="./ajax.js"></script>
<script>

    // $(".top").load("./public/data.html .navBox")

    // $(".footer").load("./public/data.html .bottom")

    // 利用自己封装的原生的load方法实现jq的load的功能
    load($(".top")[0], "./public/nav.vue")

</script>
</html>